<script setup>
// 使用Pinia中的Store数据
import {useUserInfo} from "../../pinia/user.js";

// 直接采用调用方法的方式，获取 Store 对象
const useUserInfoStore = useUserInfo();

const counter = (num) => {
  // 通过 Store 调用方法，更新变量的值
  useUserInfoStore.increment(num);
};
</script>

<template>
  <div>
    <div style="padding: 10px;margin: auto;font-size: 20px">
      当前计数： {{ useUserInfoStore.getCount }}
    </div>
    <div>
      <el-button type="primary" @click="counter(1)">计数+1</el-button>
      <el-button type="danger" @click="counter(-1)">计数-1</el-button>
    </div>
  </div>
</template>

<style scoped>

</style>